@charset "gb2312";
body { font-family: Î¢ÈíÑÅºÚ; margin:0;}
a{ text-decoration:none;}


.fulltopbar_container {	
	font-size:10px;
	margin-right: auto;
	margin-left: auto;
*zoom:1
}

.fulltopbar_container {
	width: 1200px;
}
.tl-fulltopbar { min-width:1200px;
*position:relative;
*z-index:11;
	height: 30px;
	border-bottom: 1px solid #dfdfdf;
	font-size: 10px;
	line-height: 30px;
	color: #fff;
	background: #ff8e4a;
}
.tl-fulltopbar a {
	color: #fff
}
.tl-fulltopbar a:hover, .tl-fulltopbar a.current {
	color: #333333;
}
.tl-fulltopbar .sep {
	margin: 0 10px;
	color: #ffc09a
}
.tl-fulltopbar .fulltopbar-nav {
	float: left;
	_width: 630px
}
.tl-fulltopbar .fulltopbar-r {
	position: relative;
	float: right;
	_width: 400px;
	line-height: 30px;
	text-align: right
}


.header-m{ width:100%; background-color:#191c20;}
.header-logo{ position:relative; width:1200px; height:90px; margin:0 auto;}
.logo-l{ width:250px; position:absolute; left:0; top:25px;}
.msheadsearch{ width:170px; position:absolute; right:0; top:40px;}

.msheadsearch input {
	padding: 6px 0px 3px 10px;
	margin: 0 5px;
	color:#fff;
	border:none;
	background-color: #3c3c3c;
	font-size: 14px;
	border: 1px solid #3c3c3c;
	border-radius:15px;
}

.msheadsearch input:focus {
	outline: none;
	background-color: #535353;
}

.icon-search{ background:url(http://www.soyocn.net/images/2016/search-icon.png) 0px 2px no-repeat; display:block; height:24px; width:22px; position:absolute; right:5px;}



/**********************************/
.tl-header-nav-wide{ width:100%; height:45px; position:relative; z-index:15; overflow:visible; background-color:#0060df;}
.tl-header-nav_dropBottom,.tl-header-nav_dropRight {
	background-color:#0060df;
    display: block;
    box-shadow:inset 2px 0px 0px #535353;
    position: absolute;
    left: 0px;
    width:1px;
    height:12px;
    top: 18px;
}
.user_dropBottom {
    box-shadow:inset 0px 2px 0px #FF9;
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.tl-header-nav {
	 margin:0 auto;
	width:1200px;
	background-color:#0060df;
	height:45px;
    display:table;
	font-size:18px;
	font-family:Î¢ÈíÑÅºÚ !important;
}
.tl-header-nav ul {
    margin:0;
	margin-left:30px;
    padding:0;
	padding-left:30px;
    list-style:none;
}

.tl-header-nav ul ul {
    opacity:0;
    position:absolute;
    top:160%;
    visibility:hidden;
    transition:all .4s ease;
    -webkit-transition:all .4s ease;
}
.tl-header-nav ul ul ul {
    top:0%;
    left:160%;
}
.tl-header-nav ul ul li:hover > ul {
    top:0%;
    left:100%;
    opacity:1;
    visibility:visible;
}
.tl-header-nav ul li:hover > ul {
    opacity:1;
    top:100%;
    visibility:visible;
}
.tl-header-nav ul li {
	min-width:200px;
    float:left;
    position:relative;
}
.tl-header-nav ul ul li { width:200px;
font-size:16px;
text-align:center;	
    float:none;
}
.tl-header-nav ul ul ul li { width:200px;}
.tl-header-nav ul li {
    cursor: pointer;
}
.tl-header-nav ul a {
    text-decoration:none;
    display:block;
    color:#fff;
	padding:0 9px;
    line-height:45px;
    width: auto;
    text-align:center;
  font-family:Î¢ÈíÑÅºÚ;
/*  text-shadow: 0px -1px 0px rgba(0,0,0,.2);*/
}
.tl-header-nav ul li:hover {
    background-color:#00a2ff;
}
.tl-header-nav-cur {
    background-color:#ebebeb; color:#fff;
}
.tl-header-nav-cur a {
    background-color:#cacaca; color:#fff;
}
.tl-header-nav ul li:hover > a {
	color:#fff;	
}
.tl-header-nav ul li a:hover {
	color:#fff;
    
}
.tl-header-nav ul ul li a:hover {
   
}


.f1_nav { display: block;float:left;width:80px; height:45; text-align:left; overflow:hidden;}
.f1_nav  { text-decoration:none;
	padding:0 9px;
    color:#fff;
	line-height:45px;
    width: auto;
  font-family:Î¢ÈíÑÅºÚ;
/*  text-shadow: 0px -1px 0px rgba(0,0,0,.2);*/
 }
 


.pad-nav-box,.tlstorage-nav-box,.tlpj-nav-box,.tlintelligent-nav-box,.tlmpp-nav-box,.tlaio-nav-box,.tldakehu-nav-box{height:150px; background: rgba(255, 255, 255, .9); background-color:#FFF\9;filter:alpha(opacity=90); text-align:center; overflow:hidden;}
.pad-nav-box{width:780px; margin-left:-120px;}
.tlintelligent-nav-box{width:620px;margin-left:-210px;}
.tlstorage-nav-box{width:310px; margin-left:-140px;}
.tlmpp-nav-box{width:310px;margin-left:-140px;}
.tlpj-nav-box{width:470px; margin-left:-210px;}
.tlaio-nav-box{width:160px; margin-left:-70px;}
.tldakehu-nav-box{width:160px;height:80px; margin-left:-70px;}
.pad-nav-box span,.tlstorage-nav-box span,.tlpj-nav-box span,.tlintelligent-nav-box span,.tlmpp-nav-box span,.tlaio-nav-box span{ display:inline-block; width:150px; height:150px; padding-top:20px;}
.pad-nav-box b,.tlstorage-nav-box b,.tlpj-nav-box b,.tlintelligent-nav-box b,.tlmpp-nav-box b,.tlaio-nav-box b{ font-size:12px; color:#333333; font-weight:500;}
.pad-nav-box span:hover,.tlstorage-nav-box span:hover,.tlpj-nav-box span:hover,.tlintelligent-nav-box span:hover,.tlmpp-nav-box span:hover,.tlaio-nav-box span:hover{ background-color:#FFF;}


.navtxtcontent{width:200px;min-height:80px; margin-left:-60px; background: rgba(0, 162, 255, .6); background-color:#00a2ff\6;filter:alpha(opacity=60); text-align:center; overflow:hidden;}
.navtxtcontent a{ display:block; width:100%;  font-size:14px; height:40px !important; line-height:40px !important; color:#fff !important;}
.navtxtcontent a:hover{ background-color:#0045a1;}


.cp-subnavcolumn {width:600px;min-height:180px; margin-left:-260px; background: rgba(0, 162, 255, .6); background-color:#00a2ff\6;filter:alpha(opacity=60); }
.cp-subnavcolumn div{ position:relative; width:300px; display:table-cell; overflow:hidden; text-align:left; line-height:24px;}
.cp-subnavcolumn p{ display:block; float:left;}
.cp-subnavcolumn div h3{ font-size:18px; color:#c3fbff;font-weight: normal; line-height:10px; margin-top:20px;}


.cp-subnavcolumn div a{  font-size:14px; font-weight: lighter; color:#fff; line-height:28px; text-align:left;}
.cp-subnavcolumn div a:hover{ background:none; color:#c3fbff;}
.cp-subnavcolumn div a:last-child{ font-size:12px; color:#CCC;}




.search-box{ text-align:right; padding-top:8px;}
/* reset webkit search input browser style */
input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
input[type=search] {
	background: #ededed url(http://www.teclast.com/images/2015/search-icon.png) right center no-repeat;
	border: solid 1px #ccc;
	padding: 9px 10px 9px 32px;
	height:8px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #e6e6e6;
	
	-webkit-box-shadow: 0 0 5px rgba(230,230,230,.8);
	-moz-box-shadow: 0 0 5px rgba(230,230,230,.8);
	box-shadow: 0 0 5px rgba(230,230,230,.8);
}

/* placeholder */
input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}

/* search-form */
#search-form input[type=search] {
	width: 8px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
	margin-left:125px;
}
#search-form input[type=search]:hover {
	background-color: #fff;
}
#search-form input[type=search]:focus {
	width: 200px;
	padding-left: 20px;
	color: #000;
	background-color: #fff;
	cursor: auto;
	margin-left:0px;
	background-position: right center;
}
#search-form input:-moz-placeholder {
	color: transparent;
}
#search-form input::-webkit-input-placeholder {
	color: transparent;
}


.Languageselect { display:inline-block;position:relative; z-index:19;font-size:12px; width:100px; height:40px; text-align:left;}
.Languageselect li { cursor:pointer;}
.Languageselect li b { display: inline-block; width:10px; height:8px;background:url(http://www.teclast.com/images/2015/droptri.png) right center no-repeat;}
.Languageselect ul{position:absolute; width:100px; padding-top:0px; visibility:hidden; font-size:12px; background-color: #ff8e4a;}

.Languageselect li:hover > ul{ visibility:visible;}
.Languageselect ul a {
    text-decoration:none;
    display:block;
    color:#fff;
	padding:0 9px;
    line-height:30px;
    width: auto;
    text-align:center;
  font-family:Î¢ÈíÑÅºÚ;
  font-size:12px;
}


